@gray: #909399;
@grayLine: #DCDFE6;
// @primary: #5e8bff;
@primary: #26ABE9;
@cccc: #395AED;
// @bg: #eef5ff;
@bg: #f2f6f9;
@font-primary: #2d2d2d; //主要文字
@font-regular: #616161; //常规文字
@font-secondary: #99999c; //次要文字
@font-placeholder: #c2c2c2; //占位文字
@border-base: #c2c2c2;
.boxShadow() {
  box-shadow: 0px 5px 5px -5px @border-base;
}

.types-bg {
  background: rgb(28, 171, 233);
  background: -moz-linear-gradient(0deg, rgb(28, 171, 233) 0%, rgb(57, 90, 237) 100%);
  background: -webkit-linear-gradient(0deg, rgb(28, 171, 233) 0%, rgb(57, 90, 237) 100%);
  background: -o-linear-gradient(0deg, rgb(28, 171, 233) 0%, rgb(57, 90, 237) 100%);
  background: -ms-linear-gradient(0deg, rgb(28, 171, 233) 0%, rgb(57, 90, 237) 100%);
  background: linear-gradient(90deg, rgb(28, 171, 233) 0%, rgb(57, 90, 237) 100%);
}

// 一像素下边框
.bottom-border-1px(@color) {
  position: relative;
  border: none;
  &:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: @color;
  }
}

// 一像素上边框
.top-border-1px(@color) {
  position: relative;
  &:before {
    content: '';
    position: absolute;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: @color;
  }
}

// 分类图例背景色
.typeImgBg(){
  margin: 0 auto;
  box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.5); /* For Firefox3.6+ */
  -webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.5); /* For Chrome5+, Safari5+ */

  &.blue {
    background: #7abcff; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #7abcff 0%,
      #60abf8 44%,
      #4096ee 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #7abcff 0%,
      #60abf8 44%,
      #4096ee 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #7abcff 0%,
      #60abf8 44%,
      #4096ee 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
  }
  &.orange {
    background: #f2825b; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #f2825b 0%,
      #e55b2b 50%,
      #f07146 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #f2825b 0%,
      #e55b2b 50%,
      #f07146 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #f2825b 0%,
      #e55b2b 50%,
      #f07146 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
  }
  &.yellow {
    background: #ffd65e; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffd65e 0%,
      #febf04 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffd65e 0%,
      #febf04 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffd65e 0%,
      #febf04 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
  }
  &.purple {
    background: #e570e7; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #e570e7 0%,
      #c85ec7 47%,
      #a849a3 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #e570e7 0%,
      #c85ec7 47%,
      #a849a3 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #e570e7 0%,
      #c85ec7 47%,
      #a849a3 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
  }
}

//根据像素比缩放1px像素边框
@media only screen and (-webkit-device-pixel-ratio: 2) {
  .top-border-1px,
  .bottom-border-1px {
    &:before {
      transform: scaleY(.5);
    }
  }
}

@media only screen and (-webkit-device-pixel-ratio: 3) {
  .top-border-1px,
  .bottom-border-1px {
    &:before {
      transform: scaleY(.333333);
    }
  }
}

//清除浮动
.clearFix() {
  *zoom: 1;
  &:after {
    content: '';
    display: block;
    clear: both;
  }
}